@charset "utf-8";
@import url(base.css);
.jc_1400{max-width: 1400px;margin: 0 auto;box-sizing: border-box;}

.header{width: 100%;height: 80px;background: rgba(255,255,255,0.7);position: fixed;top: 0;left: 0;z-index: 100;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.header.active{background: #fff;box-shadow: 0 3px 12px rgba(98,107,181,.25);}
.headeractive{background: #fff;}
.inheader{background: transparent !important;box-shadow: none !important;}
.inheader.active{background: rgba(0,0,0,0.6) !important;box-shadow: 0 3px 12px rgba(98,107,181,.25) !important;}
.headerconter{width: 100%;}
.headerleft{float: left;margin-top: 15px;}
.headerleft a{display: block;}
.headerleft a img{display: block;max-width: 100%;}
.headernav{float: left;margin-left: 80px;}
.headernav ul li{float: left;margin-right: 32px;}
.headernav ul li:last-child{margin-right: 0;}
.headernav ul li a{display: block;font-size: 18px;color: #333;font-weight: 400;line-height: 80px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernav ul li:hover a{color: #1F6DFF;}
.headernav ul li.active a{color: #1F6DFF;font-weight: 600;}
.inheadernav ul li a{color: #fff;}
.inheadernav ul li:hover a{color: #fff;}
.headeright{float: right;margin-top: 30px;}
.headeright p i{float: left;width: 17px;height: 20px;background: url(../images/tell.png) center no-repeat;margin-right: 8px;}
.headeright p span{float: left;font-size: 18px;color: #333;font-weight: 500;line-height: 20px;}

.nav{width: 100%;height: 60px;background: #fff;z-index: 100;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 120px;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;width: 100%;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #3861BC;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #004098;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #0063eb;position: relative;}

.banner{width: 100%;position: relative;}
.banner img{display: block;width: 100%;}
.bannercon{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.bannerconter{width: 100%;}
.bannerconter h4{font-size: 40px;font-weight: 500;color: #ffffff;line-height: 56px;margin-bottom: 5px;}
.bannerconter h6{font-size: 20px;font-weight: 500;color: #ffffff;line-height: 28px;}
.bannersearch{margin-top: 38px;max-width: 640px;height: 48px;background: #ffffff;border-radius: 4px;}
.bannersearch p{float: left;width: 76px;height: 48px;text-align: center;line-height: 48px;font-size: 14px;color: #333;font-weight: 400;position: relative;}
.bannersearch p::before{content: '';width: 1px;height: 20px;position: absolute;top: 50%;right: 0;margin-top: -10px;
background: #E6E6E6;}
.bannersearch input{float: left;width: 470px;height: 46px;outline: none;border: 0;font-size: 14px;color: #333;padding: 0 14px;
box-sizing: border-box;margin-top: 1px;}
.bannersearch input::-webkit-input-placeholder{color: #999999;}
.bannersearch input::-moz-placeholder{color: #999999;}
.bannersearch input:-ms-input-placeholder{color: #999999;}
.bannersearch input:-moz-placeholder{color: #999999;}
.bannersearch button{float: right;width: 90px;height: 44px;background: #1F6DFF;border-radius: 4px;outline: none;
border: 0;margin-top: 2px;font-size: 18px;color: #fff;font-weight: 600;margin-right: 2px;}
.conter{width: 100%;}
.count{width: 100%;background: #F4F7FF;padding: 11px 0;box-sizing: border-box;}
.countconter{width: 100%;}
.countconter ul{display: flex;justify-content: space-between;}
.countconter ul li img{float: left;width: 56px;height: 56px;}
.countext{float: left;margin-left: 8px;margin-top: 5px;}
.countext h4{font-size: 24px;color: #333;font-weight: 600;line-height: 24px;margin-bottom: 2px;}
.countext p{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;}
.innew{width: 100%;padding: 64px 0 56px 0;box-sizing: border-box;background: #fff;}
.innewconter{width: 100%;display: flex;}
.innewleft{float: left;width: 47.2%;margin-right: 3.8%;}
.innewleftcon{width: 100%;}
.innewleftcon ul li{width: 100%;border-radius: 8px;}
.innewleftcon ul li a{display: block;width: 100%;border-radius: 8px;position: relative;}
.innewleftcon ul li a img{display: block;width: 100%;border-radius: 8px;height: 440px;object-fit: cover;}
.innewleftext{width: 100%;position: absolute;bottom: 0;left: 0;border-radius: 0 0 8px 8px;padding: 0 24px;box-sizing: border-box;
height: 60px;background: rgba(0,0,0,0.4);}
.innewleftext p{font-size: 16px;color: #ffffff;font-weight: 400;line-height: 60px;max-width: 65%;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.innewpages{width: auto !important;left: auto !important;right: 20px;bottom: 20px !important;}
.innewpages .swiper-pagination-bullet{width: 20px;height: 20px;background: rgba(0,0,0,0.6) !important;text-align: center;line-height: 20px;
font-size: 14px;color: #fff;font-weight: 400;border-radius: 4px;opacity: 1;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewpages .swiper-pagination-bullet-active{background: #3861BC !important;opacity: 1;}
.innewright{float: right;width: 49%;}
.innewrightup{width: 100%;margin-bottom: 22px;}
.innewrightup h4{font-size: 24px;color: #333;font-weight: 500;float: left;}
.innewnav{float: right;margin-top: 4px;}
.innewnav ul li{float: left;margin-right: 28px;}
.innewnav ul li:last-child{margin-right: 0;}
.innewnav ul li a{display: block;font-size: 20px;color: #666;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewnav ul li a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;vertical-align: -2px;
margin-left: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewnav ul li:hover a{color: #3861BC;}
.innewnav ul li:hover a i{background: url(../images/mores.svg) center no-repeat;}
.innewnav ul li.active a{color: #3861BC;}
.innewbox{width: 100%;}
.innewlist{width: 100%;display: none;}
.innewlist:first-child{display: block;}
.innewlist ul li{width: 100%;padding: 16px 0;border-bottom: 1px solid #F2F2F2;box-sizing: border-box;}
.innewlist ul li:last-child{border-bottom: 0;padding-bottom: 0;}
.innewlist ul li a{display: block;width: 100%;}
.innewlist ul li a h4{font-size: 18px;color: #333;font-weight: 500;line-height: 24px;margin-bottom: 12px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.innewlist ul li a p{font-size: 16px;color: #999;font-weight: 400;line-height: 30px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewlist ul li:hover a h4{color: #1F6DFF;}
.innewlist ul li a h5{font-size: 16px;color: #666;font-weight: 400;line-height: 22px;float: left;width: 75%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.innewlist ul li a span{font-size: 16px;color: #999;font-weight: 400;line-height: 22px;float: right;width: 20%;text-align: right;}
.innewlist ul li:hover a h5{color: #1F6DFF;}
.invip{width: 100%;margin-bottom: 24px;}
.invipcon{width: 100%;}
.invipcon ul li{float: left;width: 20%;height: 184px;background: #F7F7F7;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.invipcon ul li a{display: block;width: 100%;height: 100%;padding: 28px 10px 28px 32px;box-sizing: border-box;}
.invipcon ul li:first-child a{padding: 40px;}
.invipcon ul li a h4{font-size: 24px;line-height: 24px;color: #fff;font-weight: 500;margin-bottom: 8px;}
.invipcon ul li a h5{font-size: 16px;line-height: 16px;color: #fff;font-weight: 400;opacity: 0.6;}
.invipcon ul li a span{font-size: 16px;color: #fff;line-height: 22px;font-weight: 400;display: block;margin-top: 36px;}
.invipcon ul li a span i{display: inline-block;width: 16px;height: 16px;background: url(../images/more1.svg) center no-repeat;vertical-align: -2px;margin-left: 0px;}
.invipcon ul li a p{font-size: 16px;line-height: 22px;color: #999;font-weight: 400;margin-bottom: 8px;}
.invipcon ul li a h6{font-size: 18px;line-height: 28px;color: #333;font-weight: 500;margin-bottom: 20px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.invipcon ul li a strong{display: block;font-size: 16px;color: #999;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.invipcon ul li a strong i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;vertical-align: -2px;margin-left: 2px;}
.invipcon ul li:hover{background: #F0F5FF;}
.invipcon ul li:hover a h6{color: #3861BC;}
.invipcon ul li:hover a strong{color: #3861BC;}
.invipcon ul li:hover a strong i{background: url(../images/mores.svg) center no-repeat;}
.inguang{width: 100%;padding-bottom: 80px;box-sizing: border-box;}
.inguangcon{width: 100%;}
.inguangcon a{display: block;width: 100%;}
.inguangcon a img{display: block;width: 100%;}
.hyexhibit{width: 100%;padding: 107px 0 64px 0;box-sizing: border-box;}
.hyexhibitcon{width: 100%;}
.hytitle{width: 100%;margin-bottom: 24px;}
.hytitle h4{float: left;font-size: 24px;color: #fff;line-height: 24px;font-weight: 500;}
.hytitle a{float: right;font-size: 20px;color: #fff;line-height: 20px;margin-top: 4px;}
.hytitle a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more1.svg) center no-repeat;vertical-align: -2px;margin-left: 2px;}
.hyexhibitbox{width: 100%;margin-bottom: 84px;}
.hyexhibitlist{width: 100%;}
.hyexhibitlist ul li{width: 100%;display: none;}
.hyexhibitlist ul li:first-child{display: block;}
.hyexhibitlist ul li a{display: block;display: flex;width: 100%;align-items: center;}
.hyexhibitleft{float: left;width: 50.5%;margin-right: 5.5%;}
.hyexhibitleft h4{font-size: 18px;color: #fff;font-weight: 500;line-height: 24px;margin-bottom: 12px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hyexhibitleft p{font-size: 16px;color: #fff;font-weight: 400;line-height: 30px;margin-bottom: 34px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hyexhibitleft span{font-size: 16px;color: #fff;line-height: 22px;display: block;font-weight: 400;}
.hyexhibitleft span i{display: inline-block;width: 16px;height: 16px;background: url(../images/more1.svg) center no-repeat;vertical-align: -3px;margin-left: 2px;}
.hyexhibitright{float: left;width: 44%;}
.hyexhibitright img{display: block;width: 100%;height: 348px;object-fit: cover;border-radius: 8px;}
.hyexhibitbut{width: 100%;}
.hyexhibitlast{width: 100%;}
.hyexhibitlast ul li{float: left;width: 19%;margin-right: 1.25%;border-radius: 4px;border: 3px solid #fff;box-sizing: border-box;cursor: pointer;}
.hyexhibitlast ul li:last-child{margin-right: 0;}
.hyexhibitlast ul li img{display: block;width: 100%;height: 150px;object-fit: cover;border-radius: 4px;}
.hyexhibitnext{width: 20px;height: 64px;background: url(../images/right.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;right: 0px !important;}
.hyexhibitprev{width: 20px;height: 64px;background: url(../images/left.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;left: 0px !important;}
.hyshopconter{width: 100%;background: #F7F7F7;padding-top: 80px;box-sizing: border-box;}
.hyshoprecommend{width: 100%;padding-bottom: 80px;box-sizing: border-box;}
.hyshoprecommendcon{width: 100%;}
.hyshoptitle{width: 100%;margin-bottom: 24px;}
.hyshoptitle h4{float: left;font-size: 24px;color: #333;font-weight: 600;line-height: 24px;margin-right: 16px;}
.hyshoptitle a{font-size: 20px;color: #666;line-height: 20px;display: block;font-weight: 400;float: left;margin-top: 4px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyshoptitle a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;vertical-align: -2px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-left: 2px;}
.hyshoptitle a:hover{color: #3861BC;}
.hyshoptitle a:hover i{background: url(../images/mores.svg) center no-repeat;}
.hyshoprecommendbox{width: 100%;background: #fff;padding: 16px 0;box-sizing: border-box;border-radius: 4px;}
.hyshoplsit{width: 100%;padding: 0 25px;box-sizing: border-box;}
.hyshoplsit ul li{float: left;}
.hyshoplsit ul li a{display: block;width: 100%;padding: 14px 10px;box-sizing: border-box;}
.hyshopimg{width: 171px;height: 171px;margin: 0 auto 16px;}
.hyshopimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hyshoptext{width: 100%;}
.hyshoptext h4{font-size: 14px;color: #666;text-align: center;font-weight: 400;line-height: 20px;margin-bottom: 35px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyshoptext h5{font-size: 18px;color: #FF0E25;text-align: center;font-weight: 500;line-height: 20px;}
.hyshoplsit ul li:hover .hyshoptext h4{color: #3861BC;}
.hyshopnext{width: 20px;height: 64px;background: url(../images/right.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;right: 0px !important;}
.hyshopprev{width: 20px;height: 64px;background: url(../images/left.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;left: 0px !important;}
.hyshopdpbrand{width: 100%;margin-top: 20px;}
.hyshodpbrandlist{width: 49.5%;margin-right: 1%;background: #fff;padding: 24px;box-sizing: border-box;border-radius: 4px;float: left;position: relative;}
.hyshodpbrandlist:last-child{margin-right: 0;}
.hyshopbrandtitle{width: 100%;margin-bottom: 24px;}
.hyshopbrandtitle h4{float: left;font-size: 24px;color: #333;font-weight: 600;line-height: 32px;}
.hyshopbrandtitle h4 span{font-size: 16px;color: #666;font-weight: 400;display: inline-block;margin-left: 16px;vertical-align: -2px;}
.hyshopbrandtitle a{float: right;font-size: 16px;color: #666;font-weight: 400;margin-top: 11px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyshopbrandtitle a i{display: inline-block;width: 16px;height: 16px;background: url(../images/moreicon.svg) center no-repeat;
vertical-align: -2px;margin-left: 4px;}
.hyshopbrandtitle a:hover{color: #3861BC;}
.hyshophd{width: 100%;}
.hyshophdlist{width: 100%;}
.hyshophdlist ul li{width: 49%;background: #F7F7F7;border-radius: 4px;padding: 16px 16px 20px 16px;box-sizing: border-box;
margin-right: 2%;}
.hyshophdup{width: 100%;padding-bottom: 16px;border-bottom: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
.hyshophdup a{display: block;width: 100%;}
.hyshophdupleft{float: left;width: 56px;height: 56px;border-radius: 50%;margin-right: 12px;}
.hyshophdupleft img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.hyshophdupright{float: left;width: calc(100% - 68px);margin-top: 7px;}
.hyshophdupright h4{font-size: 16px;color: #333;font-weight: 500;line-height: 22px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyshophdupright p i{float: left;width: 14px;height: 14px;background: url(../images/xing.svg) center no-repeat;margin-right: 2px;}
.hyshophdupright p span{float: left;font-size: 12px;color: #FF9010;font-weight: bold;line-height: 14px;margin-left: 5px;}
.hyshophdup a:hover .hyshophdupright h4{color: #3861BC;}
.hyshophdbut{width: 100%;}
.hyshophdbut a{float: left;width: 33.3%;display: block;margin-top: 16px;}
.hyshophdbutimg{width: 68px;height: 68px;margin: 0 auto 8px;background: #fff;}
.hyshophdbutimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hyshophdbut a p{text-align: center;font-size: 14px;color: #FF0E25;font-weight: 400;line-height: 16px;}
.innewhddian{width: 100%;left: 0;}
.innewhddian .swiper-pagination-bullet{width: 20px;height: 3px;background: #F3F2F0;border-radius: 2px;margin: 0 4px;
opacity: 1;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewhddian .swiper-pagination-bullet-active{background: #3861BC;}
.hybrand{width: 100%;}
.hybrandlist{width: 100%;}
.hybrandlist ul li{float: left;width: 150px;height: 64px;border-radius: 4px;border: 1px solid #F5F5F5;box-sizing: border-box;}
.hybrandlist ul li a{display: block;width: 100%;height: 100%;}
.hybrandlist ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hyshopguang{width: 100%;margin-top: 20px;}
.hyshopguang ul li{float: left;width: 32%;margin-right: 2%;}
.hyshopguang ul li:last-child{margin-right: 0;}
.hyshopguang ul li a{display: block;width: 100%;}
.hyshopguang ul li a img{display: block;width: 100%;}
.hymoren{width: 100%;background: #fff;margin-top: 20px;border-radius: 4px;padding: 24px 10px 6px 24px;box-sizing: border-box;}
.hymoren .hyshopbrandtitle a{margin-right: 14px;}
.hymorencon{width: 100%;}
.hymorenleft{float: left;width: 230px;margin-right: 10px;}
.hymorenleft a{display: block;width: 100%;}
.hymorenleft a img{display: block;width: 100%;}
.hymorenright{float: left;width: calc(100% - 240px);}
.hymorenright ul li{float: left;width: 20%;margin-bottom: 10px;}
.hymorenright ul li a{display: block;width: 100%;padding:16px 0 14px 0;box-sizing: border-box;}
.hymoreimg{width: 171px;height: 171px;margin: 0 auto 16px;}
.hymoreimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hymorentext{width: 100%;padding: 0 14px;box-sizing: border-box;}
.hymorentext h4{font-size: 14px;color: #666;line-height: 20px;font-weight: 400;height: 40px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 15px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hymorentext p{font-size: 18px;color: #FF0E25;text-align: center;font-weight: 500;line-height: 18px;}
.hymorenright ul li:hover .hymorentext h4{color: #3861BC;}
.hyguang{width: 100%;margin-top: 20px;}
.hyguang a{display: block;width: 100%;}
.hyguang a img{display: block;width: 100%;}
.hymagazine{width: 100%;background: #fff;padding: 80px 0 40px 0;box-sizing: border-box;}
.hymagazinecon{width: 100%;}
.hytitlebox{width: 100%;margin-bottom: 40px;}
.hytitlebox h4{float: left;font-size: 24px;color: #333;font-weight: 600;line-height: 24px;}
.hytitleright{float: right;margin-top: 4px;}
.hytitleright>a{float: left;font-size: 20px;color: #666;font-weight: 400;line-height: 20px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hytitleright>a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;vertical-align: -2px;
margin-left: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hytitleright>a:hover{color: #3861BC;}
.hytitleright>a:hover i{background: url(../images/mores.svg) center no-repeat;}
.hymagazinelist{width: 100%;margin-bottom: 40px;}
.hymagazinelist ul li{float: left;width: 18%;margin-right: 2.5%;}
.hymagazinelist ul li:last-child{margin-right: 0;}
.hymagazinelist ul li a{display: block;width: 100%;}
.hymagazineimg{width: 100%;}
.hymagazineimg img{display: block;width: 100%;}
.hymagazinelist ul li a p{font-size: 16px;color: #333;font-weight: 500;line-height: 26px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 24px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hymagazinelist ul li:hover p{color: #3861BC;}
.hyreadimg{width: 100%;padding: 40px 0;box-sizing: border-box;background: #fff;}
.hyreadimgcon{width: 100%;}
.hytitleright ul{float: left;}
.hytitleright ul li{float: left;position: relative;margin-right: 28px;}
.hytitleright ul li::before{content: '';width: 4px;height: 4px;background: #D8D8D8;border-radius: 50%;position: absolute;
top: 50%;right: -15px;margin-top: -2px;}
.hytitleright ul li a{display: block;font-size: 20px;color: #666;font-weight: 400;line-height: 20px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hytitleright ul li:hover a{color: #3861BC;}
.hytitleright ul li.active a{color: #3861BC;}
.hyreadimgbox{width: 100%;}
.hyreadimglist{width: 100%;display: none;}
.hyreadimglist:first-child{display: block;}
.hyreadimglistcon{width: 100%;display: flex;}
.hyreadimgleft{float: left;width: 49.5%;margin-right: 1.5%;}
.hyreadimgleftcon{width: 100%;}
.hyreadimgleftcon ul li{width: 100%;}
.hyreadimgleftcon ul li a{display: block;width: 100%;position: relative;}
.hyreadimgleftcon ul li a img{display: block;width: 100%;height: 460px;object-fit: scale-down;}
.hyreadtext{position: absolute;bottom: 0;left: 0;padding: 0 24px;box-sizing: border-box;width: 100%;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.hyreadtext p{max-width: 65%;font-size: 16px;color: #fff;font-weight: 400;line-height: 60px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hyreadimgpages{width: auto !important;left: auto !important;right: 20px;bottom: 20px !important;}
.hyreadimgpages .swiper-pagination-bullet{width: 20px;height: 20px;background: rgba(0,0,0,0.6) !important;text-align: center;line-height: 20px;
font-size: 14px;color: #fff;font-weight: 400;border-radius: 4px;opacity: 1;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyreadimgpages .swiper-pagination-bullet-active{background: #3861BC !important;opacity: 1;}
.hyreadimgright{float: right;width: 49%;}
.hyreadimgright ul li{float: left;width: 49%;margin-right: 2%;overflow: hidden;position: relative;margin-bottom: 16px;}
.hyreadimgright ul li:nth-child(2n){margin-right: 0;}
.hyreadimgright ul li:nth-child(3){margin-bottom: 0;}
.hyreadimgright ul li:nth-child(4){margin-bottom: 0;}
.hyreadimgright ul li a{display: block;width: 100%;}
.hyreadimgright ul li a img{display: block;width: 100%;height: 222px;object-fit:scale-down;}
.hyreadrightext{position: absolute;bottom: 0;left: 0;padding: 0 24px;box-sizing: border-box;width: 100%;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyreadrightext p{width: 100%;font-size: 16px;color: #fff;font-weight: 400;line-height: 60px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hyreadlast{width: 100%;height: 100%;padding: 24px;box-sizing: border-box;display: flex;align-items: center;
background: rgba(56,97,188,0.8);position: absolute;bottom: -100%;left: 0;opacity: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyreadlast p{width: 100%;font-size: 16px;color: #fff;font-weight: 400;line-height: 28px;text-align: center;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hyreadimgright ul li:hover .hyreadrightext{bottom: -100%;opacity: 0;}
.hyreadimgright ul li:hover .hyreadlast{bottom: 0%;opacity: 1;}
.hyjinji{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;background: #fff;}
.hyjinji h4{font-size: 24px;color: #333;font-weight: 600;text-align: center;margin-bottom: 40px;}
.hyjinjicon{width: 100%;}
.hyjinjicon img{display: block;width: 100%;}
.hyexpert{width: 100%;padding: 80px 0 40px 0;box-sizing: border-box;background: #fff;}
.hyexpertcon{width: 100%;}
.hyexpertitle{width: 100%;margin-bottom: 32px;}
.hyexpertitle h4{font-size: 24px;color: #333;font-weight: 600;text-align: center;}
.hyexpertmore{width: 100%;}
.hyexpertmore a{display: block;width: 176px;height: 46px;background: #F0F0F0;border-radius: 4px;border: 1px solid #DEDEDE;
box-sizing: border-box;font-size: 20px;color: #666;line-height: 44px;font-weight: 400;text-align: center;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hyexpertmore a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;vertical-align: -2px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-left: 4px;}
.hyexpertmore a:hover{background: #3861BC;border-color: #3861BC;color: #fff;}
.hyexpertmore a:hover i{background: url(../images/more1.svg) center no-repeat;}
.hyexpertbox{width: 100%;}
.hyexpertlist{width: 100%;padding: 50px 0;box-sizing: border-box;}
.hyexpertlist ul li{float: left;width: 19%;margin-right: 1.25%;}
.hyexpertlist ul li::before{content: '';width: 100%;height: 100%;border-radius: 8px;background: rgba(255,255,255,.4);
position: absolute;bottom: 0;left: 0;z-index: 1;}
.hyexpertlist ul li a{display: block;width: 100%;}
.hyexpertlist ul li a img{width: 100%;display: block;margin: 0 auto;}
.hyexpertext{width: 100%;position: absolute;bottom: 0;left: 0;padding: 16px 10px;box-sizing: border-box;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);border-radius: 0 0 8px 8px;}
.hyexpertext h4{font-size: 18px;color: #fff;font-weight: 500;text-align: center;}
.hyexpertext h4 span{font-size: 14px;display: inline-block;margin-left: 8px;}
.hyexpertext p{font-size: 14px;color: #fff;font-weight: 400;text-align: center;margin-top: 4px;display: none;}
.hyexpertlist ul li.swiper-slide-active .hyexpertext p{display: block;}
.hyexpertlist ul li.swiper-slide-active::before{display: none;}
.hyshopnextone{width: 20px;height: 64px;background: url(../images/right.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;right: 0px !important;}
.hyshopprevone{width: 20px;height: 64px;background: url(../images/left.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;margin-top: -32px;z-index: 10;left: 0px !important;}
.hypartner{width: 100%;padding: 40px 0 60px 0;box-sizing: border-box;background: #fff;}
.hypartner h4{font-size: 24px;color: #333;font-weight: 600;text-align: center;margin-bottom: 46px;}
.hypartnercon{width: 100%;position: relative;}
.hypartnerlist{width: 100%;padding: 10px 0;box-sizing: border-box;}
.hypartnerlist ul li{float: left;width: 180px;height: 60px;background: #fff;box-shadow: 0 0 20px #E8EAF0;margin-right: 20px;}
.hypartnerlist ul li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hypartnerlist > .swiper-wrapper {transition-timing-function:linear !important;}
.hypartnerleft{position: absolute;top: 0;display: block;z-index: 10;width: 360px;height: 100%;left: 0;
background: url(../images/zqhzleft.png) center no-repeat;}
.hypartnerright{position: absolute;top: 0;display: block;z-index: 10;width: 360px;height: 100%;right: 0;
background: url(../images/zqhzright.png) center no-repeat;}
.footer{width: 100%;background: #2E303C;}
.footerup{width: 100%;padding: 66px 0 77px 0;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.2);}
.footerupcon{width: 100%;}
.footerupleft{float: left;width: 34%;margin-right: 6%;}
.footerupleft h5{font-size: 16px;color: #fff;opacity: 0.8;font-weight: 500;margin-bottom: 16px;}
.footerupleft p{font-size: 14px;color: #fff;opacity: 0.6;font-weight: 400;line-height: 24px;}
.footerupcenter{float: left;width: 32%;}
.footerupcenter a{float: left;font-size: 16px;color: #fff;opacity: 0.8;font-weight: 500;margin-right: 26px;}
.footerupcenter a:last-child{margin-right: 0;}
.footerupright{float: right;}
.footertall i{float: left;width: 36px;height: 42px;background: url(../images/tall.svg) center no-repeat;margin-right: 20px;margin-top: 10px;}
.footertallright{float: left;}
.footertallright p{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;margin-bottom: 6px;}
.footertallright h5{font-size: 28px;color: #fff;font-weight: 600;line-height: 34px;}
.footeruprightext{margin-top: 24px;}
.footeruprightext p{font-size: 14px;color: #fff;font-weight: 400;line-height: 14px;margin-bottom: 8px;}
.footeruprightext p:last-child{margin-bottom: 0;}
.footerbut{width: 100%;padding: 24px 0;box-sizing: border-box;}
.footerbutcon{width: 100%;}
.footerbutcon p{font-size: 12px;color: #fff;opacity: 0.8;font-weight: 400;text-align: center;}
.footerbutcon p a{color: #fff;}
.backtop{cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 999; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;display: none;
    -ms-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 45px;}
.backtop:hover{background: #3861BC;color: #fff;}
.classify{width: 100%;padding: 64px 0;box-sizing: border-box;background: #fff;}
.classifycon{width: 100%;}
.classifycon h4{font-size: 24px;color: #333;font-weight: 600;line-height: 24px;margin-bottom: 32px;}
.classifycon ul li{float: left;width: 20%;border: 1px solid #E4E4E4;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifycon ul li a{display: flex;width: 100%;padding: 16px 0;box-sizing: border-box;justify-content: center;align-items: center;}
.classifycon ul li a i{display: block;overflow: hidden;width: 56px;height: 56px;position: relative;margin-right: 8px;}
.classifycon ul li a i img{display: block;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifycon ul li a i img.flimgs{top: -100%;opacity: 0;}
.classifytext h5{font-size: 20px;color: #333;font-weight: 600;line-height: 24px;margin-bottom: 4px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifytext p{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifytext p span{color: #333;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifycon ul li:hover{background: #1F6DFF;border-color: #1F6DFF;}
.classifycon ul li:hover a i img.flimg{top: -100%;opacity: 0;}
.classifycon ul li:hover a i img.flimgs{top: 50%;opacity: 1;}
.classifycon ul li:hover .classifytext h5{color: #fff;}
.classifycon ul li:hover .classifytext p{color: #fff;}
.classifycon ul li:hover .classifytext p span{color: #fff;}
.classifycon ul li.active{background: #1F6DFF;border-color: #1F6DFF;}
.classifycon ul li.active a i img.flimg{top: -100%;opacity: 0;}
.classifycon ul li.active a i img.flimgs{top: 50%;opacity: 1;}
.classifycon ul li.active .classifytext h5{color: #fff;}
.classifycon ul li.active .classifytext p{color: #fff;}
.classifycon ul li.active .classifytext p span{color: #fff;}
.fltuijian{width: 100%;padding-bottom: 60px;box-sizing: border-box;background: #fff;}
.fltuijiancon{width: 100%;}
.fltuijianleft{width: 74%;float: left;margin-right: 2%;}
.fltuijianleftcon{width: 100%;}
.fltuijianleftcon ul li{width: 100%;background: #F8F8F8;}
.fltuijianleftcon ul li a{display: flex;width: 100%;}
.fltjimg{width: 66%;}
.fltjimg img{display: block;width: 100%;height: 455px;object-fit: cover;}
.fltjtext{width: 34%;display: flex;justify-content: center;padding: 40px 32px 0 32px;box-sizing: border-box;}
.fltjtextcon{width: 100%;}
.fltjtextcon p{font-size: 14px;color: #1F6DFF;line-height: 24px;font-weight: 400;margin-bottom: 20px;}
.fltjtextcon h5{font-size: 18px;color: #333;line-height: 28px;font-weight: 500;margin-bottom: 22px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.fltjtextcon h6{font-size: 16px;color: #999;line-height: 30px;font-weight: 400;margin-bottom: 32px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.fltjtextcon span{display: block;}
.fltjtextcon span i{display: inline-block;width: 16px;height: 16px;background: url(../images/time.svg) center no-repeat;
vertical-align: -3px;}
.fltjtextcon span strong{font-weight: 400;font-size: 14px;color: #999;margin-left: 2px;}
.flpages{width: auto !important;left: 68.5% !important;bottom: 32px !important;}
.flpages .swiper-pagination-bullet{opacity: 1;background: #D8D8D8;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.flpages .swiper-pagination-bullet-active{background: #1F6DFF;}
.fltuijianleftcon ul li:hover .fltjtextcon h5{color: #1F6DFF;}
.fltuijianright{float: right;width: 24%;}
.fltuijianright ul li{width: 100%;border-bottom: 1px solid #F0F0F0;box-sizing: border-box;padding: 18.6px 0;}
.fltuijianright ul li:first-child{padding-top: 0;}
.fltuijianright ul li a{display: block;width: 100%;}
.fltjimged{float: left;width: 120px;height: 80px;margin-right: 20px;}
.fltjimged img{display: block;width: 100%;height: 100%;object-fit: cover;}
.fltjtexted{float: right;width: calc(100% - 140px);}
.fltjtexted p{font-size: 16px;color: #333;line-height: 26px;font-weight: 500;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.fltuijianright ul li:hover .fltjtexted p{color: #1F6DFF;}
.classifybox{width: 100%;background: #fff;}
.classifyboxcon{width: 100%;}
.classifylist{width: 100%;padding-bottom: 80px;box-sizing: border-box;}
.classifytitle{width: 100%;margin-bottom: 40px;}
.classifytitle h4{float: left;font-size: 24px;color: #333;font-weight: 600;line-height: 24px;}
.classifytitle a{float: right;font-size: 20px;color: #666;font-weight: 400;line-height: 20px;margin-top: 5px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifytitle a i{display: inline-block;width: 16px;height: 16px;background: url(../images/more.svg) center no-repeat;vertical-align: -2px;
margin-left: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifytitle a:hover{color: #1F6DFF;}
.classifytitle a:hover i{background: url(../images/mores.svg) center no-repeat;}
.classifylistcon{width: 100%;}
.classifyleft{float: left;width: 36%;}
.classifyleft a{display: block;width: 100%;}
.classifyleftimg{width: 100%;}
.classifyleftimg img{display: block;width: 100%;height: 332px;object-fit: cover;}
.classifyleftext{width: 100%;padding-top: 32px;box-sizing: border-box;}
.classifyleftext h5{font-size: 18px;color: #333;line-height: 28px;font-weight: 500;margin-bottom: 12px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifyleftext p{font-size: 16px;color: #999;line-height: 30px;font-weight: 400;margin-bottom: 25px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classifyleftext span{display: block;}
.classifyleftext span i{display: inline-block;width: 16px;height: 16px;background: url(../images/time.svg) center no-repeat;
vertical-align: -3px;}
.classifyleftext span strong{font-weight: 400;font-size: 14px;color: #999;margin-left: 2px;}
.classifyleft a:hover .classifyleftext h5{color: #1F6DFF;}
.classifyconter{float: left;width: 35%;margin-left: 2%;margin-right: 2%;}
.classifyconter ul li{width: 100%;margin-bottom: 41px;}
.classifyconter ul li:last-child{margin-bottom: 0;}
.classifyconter ul li a{display: block;width: 100%;}
.classimg{float: left;width: 200px;height: 132px;margin-right: 20px;}
.classimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.classtext{float: left;width: calc(100% - 220px);}
.classtext p{font-size: 18px;color: #333;line-height: 28px;font-weight: 500;margin-bottom: 28px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classtext span{display: block;}
.classtext span i{display: inline-block;width: 16px;height: 16px;background: url(../images/time.svg) center no-repeat;
vertical-align: -3px;}
.classtext span strong{font-weight: 400;font-size: 14px;color: #999;margin-left: 2px;}
.classifyconter ul li:hover .classtext p{color: #1F6DFF;}
.classifyright{float: right;width: 25%;border-left: 1px solid #EBEBEB;padding-left: 18px;box-sizing: border-box;}
.classifyup{width: 100%;height: 82px;border-radius: 4px;padding: 18px 0;box-sizing: border-box;margin-bottom: 20px;}
.classifyup h4{font-size: 20px;color: #fff;font-weight: 600;text-align: center;line-height: 20px;margin-bottom: 8px;}
.classifyup p{font-size: 18px;color: #fff;font-weight: 400;text-align: center;line-height: 18px;}
.classifyrightlist{width: 100%;}
.classifyrightlist ul li{width: 100%;margin-bottom: 24px;}
.classifyrightlist ul li:last-child{margin-bottom: 0;}
.classifyrightlist ul li a{display: block;width: 100%;}
.classifyrightlist ul li a span{float: left;font-size: 20px;color: #999999;font-weight: 600;margin-right: 16px;}
.classifyrightlist ul li:nth-child(1) a span{color: #FF6F00;}
.classifyrightlist ul li:nth-child(2) a span{color: #FF6F00;}
.classifyrightlist ul li:nth-child(3) a span{color: #FF6F00;}
.classifyrightlist ul li a p{float: left;font-size: 16px;color: #333;font-weight: 400;width: calc(100% - 42px);
line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.classifyrightlist ul li:hover a p{color: #1F6DFF;}
.newbox{width: 100%;background: #fff;padding-bottom: 80px;box-sizing: border-box;}
.newboxcon{width: 100%;}
.newboxtitle{width: 100%;margin-bottom: 24px;}
.newboxtitle h4{font-size: 24px;color: #333;font-weight: 600;line-height: 24px;}
.newboxconter{width: 100%;}
.newboxleft{float: left;width: 73%;margin-right: 2%;}
.newboxlist{width: 100%;}
.newboxlist ul li{width: 100%;margin-bottom: 40px;}
.newboxlist ul li:last-child{margin-bottom: 0;}
.newboxlist ul li a{display: block;width: 100%;}
.newboximg{float: left;width: 270px;height: 180px;margin-right: 32px;overflow: hidden;}
.newboximg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.newboxtext{width: calc(100% - 304px);float: left;}
.newboxtext h5{font-size: 18px;color: #333;font-weight: 500;line-height: 28px;margin-bottom: 12px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newboxtext h6{font-size: 16px;color: #666;font-weight: 400;line-height: 30px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newboxtext p{margin-top: 50px;}
.newboxtext p span{float: left;margin-right: 24px;}
.newboxtext p span:last-child{margin-right: 0;}
.newboxtext p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.newboxtext p span.time i{background: url(../images/time.svg) center no-repeat;}
.newboxtext p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.newboxtext p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.newboxtext p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.newboxlist ul li:hover .newboxtext h5{color: #1F6DFF;}
.scrpage{width: 100%;margin-top: 60px;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #1F6DFF;background: #1F6DFF;color: #fff;}
.scrpage ul li:hover a{border-color: #1F6DFF;background: #1F6DFF;color: #fff;}
.newboxright{float: right;width: 24%;border-left: 1px solid #EBEBEB;padding-left: 18px;box-sizing: border-box;}
.newdetail{width: 100%;padding: 134px 0 80px 0;box-sizing: border-box;background: #fff;}
.newdetailbox{width: 100%;}
.newdetailleft{float: left;width: 73%;margin-right: 2%;}
.newdetailtitle{width: 100%;padding-bottom: 32px;border-bottom: 1px solid #EBEBEB;box-sizing: border-box;}
.newdetailtitle h4{font-size: 36px;color: #333;font-weight: 500;line-height: 56px;margin-bottom: 24px;}
.newdetailtitle p span{float: left;margin-right: 24px;}
.newdetailtitle p span:last-child{margin-right: 0;}
.newdetailtitle p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.newdetailtitle p span.time i{background: url(../images/time.svg) center no-repeat;}
.newdetailtitle p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.newdetailtitle p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.newdetailtitle p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.newdetailtext{width: 100%;padding: 32px 0;box-sizing: border-box;}
.newdetailtext p{font-size: 18px;color: #333;line-height: 34px;margin-bottom: 20px;font-weight: 500;}
.newdetailtext p:last-child{margin-bottom: 0;}
.newdetailtext p img{display: block;max-width: 100%;margin: 0 auto;}
.newdetailzan{width: 100%;margin-bottom: 56px;}
.newdetailzan a{display: block;width: 180px;height: 50px;background: #FAFAFA;border-radius: 4px;border: 1px solid #E4E4E4;box-sizing: border-box;
text-align: center;line-height: 48px;font-size: 16px;color: #333;font-weight: 500;}
.newdetailzan a i{display: inline-block;width: 24px;height: 24px;background: url(../images/zan.svg) center no-repeat;vertical-align: -6px;margin-right: 8px;}
.newdetailpage{width: 100%;margin-bottom: 60px;}
.newdetailpage a{float: left;width: 49%;margin-right: 2%;border-left: 1px solid #D8D8D8;padding-left: 20px;box-sizing: border-box;}
.newdetailpage a span{display: block;font-size: 20px;color: #333;font-weight: 500;margin-bottom: 16px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newdetailpage a p{font-size: 18px;color: #666;font-weight: 400;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newdetailpage a:last-child{margin-right: 0;border-left: 0;border-right: 1px solid #D8D8D8;padding-left: 0;padding-right: 20px;text-align: right;}
.newdetailpage a:hover span{color: #1F6DFF;}
.newdetailpage a:hover p{color: #1F6DFF;}
.comment{width: 100%;}
.commentitle{width: 100%;font-size: 24px;color: #333;font-weight: 500;margin-bottom: 36px;}
.commentup{width: 100%;}
.commentup i{float: left;width: 36px;height: 36px;margin-right: 20px;border-radius: 50%;}
.commentup i img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.commentinput{float: left;width: calc(100% - 56px);height: 120px;border-radius: 8px;background: #F8F8F8;position: relative;
padding: 20px 20px 16px 20px;box-sizing: border-box;margin-bottom: 32px;}
.commentinput textarea{outline: none;border: 0;font-size: 16px;color: #333;height: 100%;resize: none;border: 0;background: transparent;
width: 100%;display: block;}
.commentinput button{display: block;outline: none;border: 0;position: absolute;bottom: 16px;right: 20px;
font-size: 16px;color: #fff;background: #CCCCCC;border-radius: 4px;width: 82px;height: 32px;text-align: center;line-height: 30px;}
.commentinput button.active{background: #1F6DFF;color: #fff;}
.commentbut{width: 100%;}
.commentlist{width: 100%;}
.commentlistbox{width: 100%;margin-bottom: 24px;}
.commentlistbox:last-child{margin-bottom: 0;}
.commentlistbox i{float: left;width: 36px;height: 36px;margin-right: 20px;border-radius: 50%;}
.commentlistbox i img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.commentlistright{float: left;width: calc(100% - 56px);}
.commentconter{width: 100%;}
.commentfirst{width: 100%;}
.commentfirst h4{font-size: 16px;color: #999;font-weight: 400;margin-bottom: 8px;}
.commentfirst .commentext{font-size: 16px;color: #333;font-weight: 400;margin-bottom: 16px;}
.commentime{width: 100%;}
.commentime span{float: left;font-size: 14px;color: #999;font-weight: 400;margin-right: 14px;position: relative;}
.commentime span::before{content: '';width: 2px;height: 2px;border-radius: 50%;background: #999;position: absolute;
top: 50%;margin-top: -1px;right: -10px;}
.commentime strong{float: left;font-size: 14px;color: #333;font-weight: 400;cursor: pointer;}
.commentinputadd{width: 100%;height: 120px;border-radius: 8px;background: #F8F8F8;position: relative;
padding: 20px 20px 16px 20px;box-sizing: border-box;margin-top: 16px;display: none;}
.commentinputadd textarea{outline: none;border: 0;font-size: 16px;color: #333;height: 100%;resize: none;border: 0;background: transparent;
width: 100%;display: block;}
.commentinputadd button{display: block;outline: none;border: 0;position: absolute;bottom: 16px;right: 20px;
font-size: 16px;color: #fff;background: #CCCCCC;border-radius: 4px;width: 82px;height: 32px;text-align: center;line-height: 30px;}
.commentinputadd button.active{background: #1F6DFF;color: #fff;}
.commentwolist{width: 100%;margin-top: 24px;}
.commentwolist b{float: left;width: 26px;height: 26px;margin-right: 16px;border-radius: 50%;}
.commentwolist b img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.commentwolistright{float: left;width: calc(100% - 44px);}
.commentwolistright h4{font-size: 16px;color: #999;font-weight: 400;margin-bottom: 8px;}
.commentwolistright .commentext{font-size: 16px;color: #333;font-weight: 400;margin-bottom: 16px;}
.commentmore{width: 100%;margin-top: 24px;}
.commentmore a{display: block;width: 100%;height: 44px;background: #FAFAFA;text-align: center;line-height: 44px;border-radius: 4px;
font-size: 16px;color: #333;font-weight: 400;}
.commentmore a i{display: inline-block;width: 16px;height: 16px;background: url(../images/addmore.svg) center no-repeat;vertical-align: -3px;margin-left: 4px;}
.xgrecommend{width: 100%;margin-top: 50px;}
.xgrecommendtitle{font-size: 24px;color: #333;font-weight: 600;margin-bottom: 24px;} 
.qtxgrecommend{width: 100%;margin-bottom: 56px;padding-top: 16px;box-sizing: border-box;}
.qtrecommendtitle{font-size: 24px;color: #333;font-weight: 600;margin-bottom: 32px;}
.qtxgrecommend .fltuijianright{float: none;width: 100%;}
.qtxgrecommend .fltuijianright ul li{border-bottom: 0;padding-bottom: 0;}
.newdetailright{float: right;width: 24%;}
.addclassifycon ul li{width: 16.6%;}
.photo{width: 100%;background: #fff;padding-bottom: 80px;box-sizing: border-box;}
.photocon{width: 100%;}
.photoconlist{width: 100%;margin-bottom: 64px;}
.photoconlist:last-child{margin-bottom: 0;}
.photoconlist .classifytitle{margin-bottom: 32px;}
.photoconlistcon{width: 100%;}
.photobox{width: 100%;background: #fff;padding-bottom: 80px;box-sizing: border-box;}
.photoboxcon{width: 100%;}
.phototitle{font-size: 24px;color: #333;font-weight: 600;margin-bottom: 24px;}
.photonav{width: 100%;min-height: 50px;background: #F8F8F8;margin-bottom: 32px;}
.photonav ul li{float: left;}
.photonav ul li a{display: block;font-size: 16px;color: #333;font-weight: 400;text-align: center;line-height: 50px;min-width: 154px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding:0 8px;box-sizing:border-box;}
.photonav ul li:hover a{background: #1F6DFF;color: #fff;}
.photonav ul li.active a{background: #1F6DFF;color: #fff;}
.photoboxlist{width: 100%;}
.photoboxlist ul li{float: left;width: 23%;margin-right: 2.66%;margin-bottom: 40px;}
.photoboxlist ul li:nth-child(4n){margin-right: 0;}
.photoboxlist ul li a{display: block;width: 100%;}
.photoboximg{width: 100%;height: 213px;position: relative;overflow: hidden;}
.photoboximg img{display: block;width: 100%;height: 100%;object-fit: scale-down;}
.photoboximg p{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);border-radius: 0 0 16px 0;
padding: 8px 12px;box-sizing: border-box;font-size: 14px;color: rgba(255,255,255,0.8);font-weight: 400;line-height: 14px;}
.photoboximg p i{display: inline-block;width: 16px;height: 16px;background: url(../images/image.svg) center no-repeat;vertical-align: -3px;margin-right: 4px;}
.phototext{width: 100%;padding-top: 24px;box-sizing: border-box;}
.phototext h4{font-size: 18px;color: #333;line-height: 28px;font-weight: 500;height: 56px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.phototext p{margin-top: 16px;}
.phototext p span{float: left;margin-right: 24px;}
.phototext p span:last-child{margin-right: 0;}
.phototext p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.phototext p span.time i{background: url(../images/time.svg) center no-repeat;}
.phototext p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.phototext p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.phototext p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.photoboxlist ul li:hover .phototext h4{color: #1F6DFF;}
.photoboxcon .scrpage{margin-top: 20px;}
.photodetail{width: 100%;padding: 144px 0 40px 0;box-sizing: border-box;background: #fff;}
.photodetailcon{width: 100%;}
.photodetailcon .newdetailtitle{padding-bottom: 0;border-bottom: 0;margin-bottom: 32px;}
.photodetailbut{width: 100%;}
.addphotoboxlist ul li{width: 32%;margin-right: 2%;}
.addphotoboxlist ul li:nth-child(4n){margin-right: 2%;}
.addphotoboxlist ul li:nth-child(3n){margin-right: 0%;}
.photoimglist{width: 100%;margin-bottom: 40px;}
.xq_swiper_box{width: 100%;height: 560px;}
.xq_swiper_box .view{width: calc(100% - 130px);height: 560px;position: relative;float: left;margin-right: 8px;padding: 0 114px;box-sizing: border-box;
background: #1E1F23;}
.xq_swiper_box .view .swiper-slide{display:flex;justify-content:center;}
.xq_swiper_box .view img{display: block;max-width: 100%;height: auto;object-fit: cover;margin:0 auto;}
.view .arrow-left{background: url(../images/index_swiper_left.svg) no-repeat left top;position: absolute;left: 37px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right{background: url(../images/index_swiper_right.svg) no-repeat left bottom;position: absolute;right: 37px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.xq_swiper_box .preview{width: 121px;height: 560px;position: relative;z-index: 6;float: left;padding-top: 36px;padding-bottom: 36px;box-sizing: border-box;}
.xq_swiper_box .preview .swiper-slide{width: 100%;height: 80px;cursor: pointer;margin-bottom: 2px;border: 1px solid transparent;box-sizing: border-box;}
.xq_swiper_box .preview .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.xq_swiper_box .preview .active-nav{border: 1px solid #1F6DFF;}
.xq_swiper_box .preview .swiper-container {width: 100%;}
.xq_swiper_box .preview .arrow-left {background:#1E1F23;position: absolute;left: 0;top: 0;width: 121px;height: 34px;z-index: 10;
display: flex;justify-content: center;align-items: center;}
.xq_swiper_box .preview .arrow-left i{display: block;width: 16px;height: 9px;background: url(../images/iconup.svg) center no-repeat;}
.xq_swiper_box .preview .arrow-right {background:#1E1F23;position: absolute;right: 0;bottom: 0;width: 121px;height: 34px;z-index: 10;
display: flex;justify-content: center;align-items: center;}
.xq_swiper_box .preview .arrow-right i{display: block;width: 16px;height: 9px;background: url(../images/icondown.svg) center no-repeat;}
.viewlast{position: absolute;bottom: 20px;right: 20px;}
.viewlast span{font-size: 14px;color: rgba(255,255,255,0.6);font-weight: 400;line-height: 20px;display: block;text-align: right;
cursor: pointer;}
.viewlast strong{font-size: 14px;color: rgba(255,255,255,0.6);font-weight: 400;display: block;text-align: right;}
.photodetailbut .newdetailtext{padding: 0;margin-bottom: 32px;}
.photodetailbut .qtxgrecommend{padding-top: 0;}
.maclassifycon ul li{width: 25%;}
.magazine{width: 100%;padding-bottom: 80px;background: #f5f5f5;box-sizing: border-box;position: relative;}
.magazine::before{content: '';width: 100%;height: 120px;background: linear-gradient( 180deg, #FFFFFF 0%, #F5F5F5 100%);position: absolute;top: 0;left: 0;}
.magazinecon{width: 100%;position: relative;z-index: 1;}
.magazinelist{width: 100%;margin-bottom: 80px;}
.magazinelist:last-child{margin-bottom: 0;}
.magazinelist .classifytitle{margin-bottom: 32px;}
.magazinelistbox{width: 100%;}
.magazinelistleft{float: left;width: 32.5%;margin-right: 1.5%;}
.magazinelistleft a{display: block;width: 100%;background: #fff;padding: 40px 10px;box-sizing: border-box;height: 492px;}
.magazinelistimg{width: 250px;height: 328px;margin: 0 auto;}
.magazinelistimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.magazinelistext{width: 100%;padding-top: 24px;box-sizing: border-box;}
.magazinelistext h4{font-size: 18px;color: #333;line-height: 28px;font-weight: 500;text-align: center;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.magazinelistext p{margin-top: 12px;text-align: center;}
.magazinelistext p span{margin-right: 16px;display: inline-block;}
.magazinelistext p span:last-child{margin-right: 0;}
.magazinelistext p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.magazinelistext p span.time i{background: url(../images/time.svg) center no-repeat;}
.magazinelistext p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.magazinelistext p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.magazinelistext p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.magazinelistleft a:hover .magazinelistext h4{color: #1F6DFF;}
.magazinelistright{width: 66%;float: left;}
.magazinelistright ul li{float: left;width: 49%;margin-right: 2%;background: #fff;margin-bottom: 22px;}
.magazinelistright ul li:nth-child(2n){margin-right: 0;}
.magazinelistright ul li:nth-child(3){margin-bottom: 0;}
.magazinelistright ul li:nth-child(4){margin-bottom: 0;}
.magazinelistright ul li a{display: block;width: 100%;padding: 20px 24px;box-sizing: border-box;}
.magazineup{width: 100%;padding-bottom: 22px;border-bottom: 1px solid #ececec;box-sizing: border-box;}
.magazinedimg{float: left;width: 84px;height: 110px;margin-right: 20px;}
.magazinedimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.magazinedtext{float: left;width: calc(100% - 104px);}
.magazinedtext h4{font-size: 16px;color: #333;line-height: 26px;font-weight: 500;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 8px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.magazinedtext h6{font-size: 16px;color: #666;line-height: 26px;font-weight: 500;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.magazinedtext p{margin-top: 16px;}
.magazinedtext p span{margin-right: 16px;float: left;}
.magazinedtext p span:last-child{margin-right: 0;}
.magazinedtext p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.magazinedtext p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.magazinedtext p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.magazinedtext p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.magazinebut{width: 100%;padding-top: 18px;box-sizing: border-box;}
.magazinebut p{float: left;}
.magazinebut p span{float: left;line-height: 32px;}
.magazinebut p span:last-child{margin-right: 0;}
.magazinebut p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.magazinebut p span.time i{background: url(../images/time.svg) center no-repeat;}
.magazinebut p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.loopmagazine{float: right;width: 84px;height: 32px;border-radius: 4px;border: 1px solid #91B7FF;background: #EEF4FF;
font-size: 14px;color: #1F6DFF;font-weight: 400;line-height: 30px;box-sizing: border-box;text-align: center;}
.magazinelistright ul li:hover .magazinedtext h4{color: #1F6DFF;}
.magazinenav ul li a{min-width: auto;padding: 0 20px;box-sizing: border-box;}
.magazineboxlist{width: 100%;}
.magazineboxlist ul li{float: left;width: 19%;margin-right: 1.25%;margin-bottom: 48px;}
.magazineboxlist ul li:nth-child(5n){margin-right: 0;}
.magazineboxlist ul li a{display: block;width: 100%;}
.magazineimgs{max-width: 250px;}
.magazineimgs img{display: block;width: 100%;}
.magazinetexted{width: 100%;padding-top: 24px;box-sizing: border-box;}
.magazinetexted h4{font-size: 16px;color: #333;font-weight: 500;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 12px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.magazinetexted p span{margin-right: 12px;display: inline-block;}
.magazinetexted p span:last-child{margin-right: 0;}
.magazinetexted p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.magazinetexted p span.time i{background: url(../images/time.svg) center no-repeat;}
.magazinetexted p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.magazinetexted p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.magazinetexted p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.magazineboxlist ul li:hover .magazinetexted h4{color: #1F6DFF;}
.magazinedetalitop{width: 100%;padding-top: 104px;box-sizing: border-box;background: #EDEDED;}
.flobook{width: 100%;padding-bottom: 40px;box-sizing: border-box;}
.container{max-width: 1200px;margin: 0 auto;box-sizing: border-box;position: relative;}
.container .arrow-left{background: url(../images/index_swiper_left.svg) no-repeat left top;position: absolute;left: 37px;top: 50%;
margin-top: -25px;width: 28px;height: 51px;z-index: 10;display: none;}
.container .arrow-right{background: url(../images/index_swiper_right.svg) no-repeat left bottom;position: absolute;right: 37px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.flobookbut{width: 100%;margin-top: 24px;}
.flobookbut p{font-size: 16px;color: #333;text-align: center;font-weight: 400;}
.magazinedetalibuttom{width: 100%;background: #E0E0E0;height: 70px;}
.magazinedetalibuttomcon{width: 100%;}
.magazinedetalileft{float: left;line-height: 70px;}
.magazinedetalileft h4{font-size: 24px;color: #333;font-weight: 600;}
.magazinedetaliright{float: right;line-height: 70px;}
.magazinedetaliright p span{margin-right: 24px;display: inline-block;}
.magazinedetaliright p span:last-child{margin-right: 0;}
.magazinedetaliright p span i{display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px;}
.magazinedetaliright p span.time i{background: url(../images/time.svg) center no-repeat;}
.magazinedetaliright p span.loop i{background: url(../images/loop.svg) center no-repeat;}
.magazinedetaliright p span.pinglun i{background: url(../images/pl.svg) center no-repeat;}
.magazinedetaliright p span strong{font-size: 14px;color: #999;line-height: 20px;font-weight: 400;}
.magazinedetali{width: 100%;margin-top: 56px;}
.newdetailleftadd{width: 100%;float: none;margin-right: 0;}
.prize{width: 100%;padding: 80px 0 0 0;box-sizing: border-box;background: #fff;}
.prizecon{width: 100%;height: calc(100vh);position: relative;}
.prizebox{width: 100%;position: absolute;bottom: 210px;left: 0;}
.prizeboxconter{width: 100%;}
.prizeboxconter h4{font-size: 112px;color: #fff;font-weight: 400;}
.prizeboxconter h5{font-size: 72px;color: #fff;font-weight: 400;}
.prizeboxconter p{font-size: 20px;color: #fff;font-weight: 400;}
.prizeboxbuttom{width: 100%;margin-top: 120px;}
.prizeboxbuttom a{float: left;width: 180px;height: 60px;line-height: 56px;border: 2px solid #FBE1AD;box-sizing: border-box;
background: linear-gradient( 180deg, #FFFDE8 0%, #FBE1AD 100%);border-radius: 4px;text-align: center;font-size: 20px;color: #8D5D2E;
font-weight: 600;margin-right: 24px;}
.prizeboxbuttom a:last-child{margin-right: 0;}
.prizeboxbuttom a i{display: inline-block;width: 11px;height: 11px;background: url(../images/jicon.svg) center no-repeat;vertical-align: 0px;
margin-left: 4px;}
.declarebanner{width: 100%;}
.declarebanner img{display: block;width: 100%;}
.declare{width: 100%;padding: 60px 0;box-sizing: border-box;background: #fff;}
.declarecon{width: 100%;}
.declarecon h4{font-size: 24px;color: #333;font-weight: 600;position: relative;padding-left: 16px;box-sizing: border-box;margin-bottom: 32px;}
.declarecon h4::before{content: '';width: 8px;height: 24px;background: linear-gradient( 180deg, #885728 0%, #AC7D4F 100%);position: absolute;
top: 5px;left: 0;}
.declarecon ul li{float: left;margin-right: 20px;}
.declarecon ul li:last-child{margin-right: 0;}
.declarecon ul li a{display: block;width: 160px;height: 50px;background: #FFFFFF;border-radius: 4px;border: 1px solid #C09973;
text-align: center;line-height: 48px;box-sizing: border-box;font-size: 16px;color: #8D5C2D;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.declarecon ul li a:hover{background: #8D5C2D;color: #fff;}
.promise{width:100%;height:100%;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.promisebj{width:100%;height:100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.promisecon{width: 680px;height: 488px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
background: #fff;border-radius: 4px;padding: 40px 50px;box-sizing: border-box;}
.promisecon h4{font-size: 24px;color: rgba(0,0,0,0.9);text-align: center;font-weight: 500;margin-bottom: 32px;}
.promisetext{width: 100%;}
.promisetext p{font-size: 14px;color: rgba(102,102,102,0.9);font-weight: 400;margin-bottom: 10px;line-height: 24px;}
.promisetext p:last-child{margin-bottom: 0;}
.promisebut{display: table;margin: 32px auto 0;}
.promisebut a{float: left;width: 88px;height: 32px;background: #FFFFFF;border-radius: 3px;border: 1px solid #EDEDED;
box-sizing: border-box;text-align: center;line-height: 30px;font-size: 14px;color: #666;font-weight: 400;margin-right: 8px;}
.promisebut a:last-child{margin-right: 0;border-color: #206EFC;background: #206EFC;color: #fff;}
.addheaderleft a{float: left;}
.addheaderleft span{float: left;font-size: 18px;color: #333;font-weight: 400;margin-left: 20px;margin-top: 16px;}
.headerback{float: right;padding-top: 30px;box-sizing: border-box;}
.headerback a{display: block;font-size: 18px;color: #333;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerback a i{display: inline-block;width: 20px;height: 20px;background: url(../images/back.svg) center no-repeat;vertical-align: -3px;
margin-right: 12px;}
.headerback a:hover{color: #1F6DFF;}
.declaretype{width: 100%;position: relative;padding: 104px 0 80px 0;box-sizing: border-box;background: #fff;}
.declaretype::before{content: '';width: 100%;height: 368px;position: absolute;top: 0;left: 0;
background: linear-gradient( 180deg, #DBE8FF 0%, rgba(255,243,237,0) 100%);}
.declaretypecon{width: 100%;position: relative;z-index: 1;}
.declaretypeup{width: 100%;margin-bottom: 24px;}
.declaretypeup ul{display: flex;justify-content: center;}
.declaretypeup ul li{position: relative;display: flex;justify-content: center;align-items: center;margin-right: 130px;}
.declaretypeup ul li::before{content: '';width: 100px;height: 1px;background: #DCDCDC;position: absolute;top: 50%;
right: -116px;}
.declaretypeup ul li:last-child{margin-right: 0;}
.declaretypeup ul li:last-child::before{display: none;}
.declaretypeup ul li span{display: block;width: 48px;height: 48px;border-radius: 50%;margin-right: 8px;}
.declaretypeup ul li span img{display: block;width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.declaretypeup ul li p{font-size: 16px;color: rgba(0,0,0,0.4);font-weight: 400;}
.declaretypeup ul li.active p{color: #1F6DFF;}
.declaretypeup ul li.active::before{background: #1F6DFF;}
.declaretypebox{width: 100%;border-radius: 12px;background: #fff;box-shadow: 0px 6px 18px 0px rgba(241,228,228,0.5);
padding: 16px 19px 56px 19px;box-sizing: border-box;}
.declarewarring{width: 100%;border-radius: 4px;background: #FFF7EF;padding: 16px 10%;box-sizing: border-box;margin-bottom: 24px;}
.declarewarring i{float: left;width: 20px;height: 20px;background: url(../images/warring.svg) center no-repeat;margin-right: 8px;margin-top: 2px;}
.declaretypetext{float: left;width:calc(100% - 30px);}
.declaretypetext p{font-size: 14px;color: #ED7B2F;font-weight: 400;line-height: 22px;}
.declaretypeconter{width: 100%;padding: 0 10%;box-sizing: border-box;}
.declaretypelist{width: 100%;margin-bottom: 30px;}
.declaretypelist h4{font-size: 16px;color: #333;font-weight: 600;position: relative;padding-left: 16px;box-sizing: border-box;margin-bottom: 24px;}
.declaretypelist h4::before{content: '';width: 4px;height: 16px;background: #1F6DFF;position: absolute;
top: 3px;left: 0;}
.declaretypelist ul li{float: left;margin-right: 20px;cursor: pointer;background: #F8F8F8;border-radius: 8px;margin-bottom: 10px;
border: 1px solid #f8f8f8;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;
height: 80px;width: 160px;padding: 0 14px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.declaretypelist ul li:last-child{margin-right: 0;}
.declaretypelist ul li::before{content: '';width: 20px;height: 20px;background: url(../images/checked.svg) center no-repeat;position: absolute;
bottom: 0;right: 0;display: none;}
.declaretypelist ul li span{font-size: 16px;color: #333;line-height: 26px;font-weight: 400;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;text-align: center;}
.declaretypelist ul li.active{border-color: #1F6DFF;background:#EFF5FF;}
.declaretypelist ul li.active span{color: #1F6DFF;}
.declaretypelist ul li.active::before{display: block;}
.declaretypelast{display: table;margin: 0 auto;}
.declaretypelast a{float: left;width: 120px;height: 40px;background: #FAFAFA;border-radius: 4px;border: 1px solid #F2F2F2;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
box-sizing: border-box;text-align: center;line-height: 38px;font-size: 14px;color: #333;font-weight: 400;margin-right: 12px;}
.declaretypelast a:last-child{margin-right: 0;border-color: #1F6DFF;background: #1F6DFF;color: #fff;}
.declaretypelast a:hover{border-color: #1F6DFF;background: #1F6DFF;color: #fff;}
.declaretypeitem{width: 100%;margin-bottom: 20px;}
.declaretypeitem span{float: left;text-align: right;width: 100px;font-size: 14px;color: #333;line-height: 38px;font-weight: 400;margin-right: 8px;}
.declaretypeitem span b{color: #f56c6c;font-weight: 400;}
.declaretypeinp{float: left;width: calc(100% - 110px);}
.declaretypeinp input{display: block;width: 344px;height: 38px;font-size: 14px;color: #333;outline: none;padding: 0 8px;box-sizing: border-box;
border: 1px solid #DDDFE6;border-radius: 2px;}
.declaretypeinp textarea{display: block;width: 100%;height: 310px;font-size: 14px;color: #333;outline: none;padding:8px;box-sizing: border-box;
border: 1px solid #DDDFE6;border-radius: 2px;resize: none;}
.authentication{float: left;min-width: 320px;}
.upload_imgs{width: 144px;height: 68px;background: #f9f9f9;border-radius: 4px;cursor: pointer;border: 1px solid #DDDFE6;box-sizing: border-box;}
.upload_imgs .z_photo{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;position: relative;}
.upload_imgs .upload_img{display: flex;max-width: 100%;max-height: 100%;}
.upload_imgs .upload_img>div{max-width: 100%;max-height: 100%;overflow: hidden;}
.upload_imgs .upload_img>div>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.upload_imgs .z_file{background: url(../images/upimg.svg) center 14px no-repeat;cursor: pointer;width: 100%;height: 100%;}
.upload_imgs .z_file input{display: block;width: 100%;height: 100%;opacity: 0;cursor: pointer;position: absolute;top: 0;left: 0;}
.upload_imgs .z_file p{font-size: 14px;color: #999;text-align: center;font-weight: 400;line-height: 14px;padding-top: 36px;box-sizing: border-box;}
.z_mask{display: none;position: fixed;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.z_alert{background: #fff;color: #212121;border-radius: 5px;width: 300px;height: 180px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.z_alert>p:first-child{text-align: center;line-height: 130px;}
.z_alert>p:last-child{display: flex;border-top: 1px solid #ccc;}
.z_alert>p:last-child>span{width: 50%;height: 50%;line-height: 50px;text-align: center;cursor: pointer;}
.z_alert>p:last-child>span:last-child{border-left: 1px solid #ccc;cursor: pointer;}
.declaretypeselect{float: left;width: calc(100% - 110px);}
.declaretypeselect select{float: left;width: 120px;height: 38px;border-radius: 2px;border: 1px solid #DDDFE6;font-size: 14px;color: #333;
margin-right: 10px;padding: 0 8px;box-sizing: border-box;}
.declaretypeselect select:last-child{margin-right: 0;}
.rideolist{float: left;width: calc(100% - 110px);}
.rideolist label{float: left;cursor: pointer;margin-right: 32px;margin-bottom: 15px;}
.rideolist input[type="checkbox"]{display: none;}
.rideolist label i{width: 16px;height: 16px;background: url(../images/wxz.svg) no-repeat;background-size: 100% 100%;
float: left;margin-top: 2px;}
.rideolist label input[type="checkbox"]:checked + i{background: url(../images/xz.svg) no-repeat;background-size: 100% 100%;}
.rideolist label p{float: left;font-size: 14px;color: rgba(0,0,0,0.9);font-weight:400;margin-left: 8px;}
.rideolisted label{line-height: 38px;}
.rideolisted label i{margin-top: 12px;}
.declaretypeinp a{display: block;width: 344px;height: 38px;font-size: 14px;color: #fff;box-sizing: border-box;border-radius: 2px;
font-weight: 400;background: #1F6DFF;text-align: center;line-height: 38px;}
.declaretypefile{float: left;width: calc(100% - 110px);}
.declaretypefile p{font-size: 14px;color: #999;font-weight: 400;margin-top: 12px;}
.declaretypefilebox input{float: left;width: 265px;height: 38px;font-size: 14px;color: #333;outline: none;padding: 0 8px;box-sizing: border-box;
border: 1px solid #DDDFE6;border-radius: 2px 0 0 2px;}
.declaretypefilebox .change_btn{float: left;width:80px;height: 38px;border-radius: 0 2px 2px 0;font-size: 14px;color: #999;background: #F9F9F9;position: relative;
text-align: center;line-height: 38px;border: 1px solid #DDDFE6;border-left: 0;box-sizing: border-box;}
.declaretypefilebox .change_btn input{position: absolute;top: 0;left: 0;font-size: 0;cursor: pointer;width: 100%;opacity: 0;height: 100%;}
.declaretypefilebox .change_sbsbtn{width:344px;height: 38px;border-radius: 2px;font-size: 14px;color: #999;background: #F9F9F9;position: relative;
text-align: center;line-height: 38px;border: 1px solid #DDDFE6;box-sizing: border-box;display: block;}
.declaretypefilebox .change_sbsbtn i{display: inline-block;width: 20px;height: 20px;background: url(../images/upimgs.svg) center no-repeat;vertical-align: -4px;margin-right: 4px;}
.declaretypefilebox .change_sbsbtn input{position: absolute;top: 0;left: 0;font-size: 0;cursor: pointer;width: 100%;opacity: 0;height: 100%;}
.declarefilename{display: none;font-size: 14px;color: #333;font-weight: 500;margin-bottom: 10px;}
.declaretypelast button{display: block;width: 332px;height: 40px;background: #1F6DFF;border-radius: 4px;outline: none;text-align: center;
line-height: 40px;border: 0;font-size: 14px;color: #fff;font-weight: 500;margin: 0 auto;}
.declaretypelast p{text-align: center;font-size: 14px;color: #333;font-weight: 400;line-height: 16px;margin-top: 16px;}
.declaretypelast label{cursor: pointer;display: inline-block;}
.declaretypelast input[type="checkbox"]{display: none;}
.declaretypelast label i{width: 16px;height: 16px;background: url(../images/wxz.svg) no-repeat;background-size: 100% 100%;
float: left;margin-right: 6px;}
.declaretypelast label input[type="checkbox"]:checked + i{background: url(../images/xz.svg) no-repeat;background-size: 100% 100%;}
.declaretypelast p span{cursor: pointer;color: #1F6DFF;}
.declaretypeboxlast{min-height: 549px;padding-top: 115px;}
.declaresuccess{width: 100%;margin-bottom: 32px;}
.declaresuccess img{display: block;margin: 0 auto 70px;width: 180px;}
.declaresuccess h4{font-size: 24px;color: #333;font-weight: 600;text-align: center;margin-bottom: 24px;}
.declaresuccess p{font-size: 14px;color: #999;font-weight: 400;text-align: center;}

.download{width: 100%;padding: 64px 0 80px 0;box-sizing: border-box;background: #F5F5F5;}
.downloadcon{width: 100%;}
.addownload{width: 100%;}
.addownload ul li{width: 100%;background: #fff;border-radius: 16px;padding: 24px 40px;box-sizing: border-box;margin-bottom: 8px;}
.addownload ul li:last-child{margin-bottom: 0;}
.downconter{float: left;width: calc(100% - 100px);}
.downicon{float: left;width: 48px;height: 48px;margin-right: 20px;}
.downicon img{display: block;width: 100%;height: 100%;object-fit: cover;}
.downtext{float: left;width: calc(100% - 68px);}
.downtext h4{font-size: 18px;color: #333;font-weight: 600;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 16px;line-height: 18px;}
.downtext p{font-size: 16px;color: #999;font-weight: 400;line-height: 16px;}
.downtext p span{float: left;margin-right: 32px;position: relative;}
.downtext p span:last-child{margin-right: 0;}
.downtext p span::before{content: '';width: 1px;height: 16px;background: #E6E6E6;position: absolute;top: 0;right: -16px;}
.downtext p span:last-child::before{display: none;}
.downright{float: right;margin-top: 8px;}
.downright a{display: block;width: 92px;height: 40px;background: #FFFFFF;border-radius: 4px;border: 1px solid #357BFF;
    text-align: center;line-height: 38px;box-sizing: border-box;font-size: 16px;color: #1F6DFF;font-weight: 400;}
.downright a i{display: inline-block;width: 20px;height: 20px;background: url(../images/xz1.svg) center no-repeat;vertical-align: -4px;}

@media screen and (max-width: 1410px) {
	.jc_1400{max-width: 100%;padding: 0 4%;}
}
@media screen and (max-width: 1370px) {
	.bannercon{top: 60%;}
	.bannerconter h4{font-size: 32px;}
	.bannersearch{margin-top: 24px;}
	.innew{padding: 60px 0;}
	.inguang{padding-bottom: 60px;}
	.hyexhibit{padding: 60px 0;}
	.hyexhibitbox{margin-bottom: 60px;}
	.hyshopconter{padding-top: 60px;}
	.hyshoprecommend{padding-bottom: 60px;}
	.hymagazine,.hyexpert{padding: 60px 0 40px 0;}
	.classify{padding: 60px 0;}
	.classifylist{padding-bottom: 60px;}
	.newbox{padding-bottom: 60px;}
	.newdetail{padding: 130px 0 60px 0;}
	.photo{padding-bottom: 60px;}
	.photoconlist{margin-bottom: 60px;}
	.photobox{padding-bottom: 60px;}
	.photodetail{padding-top: 140px;}
	.magazine{padding-bottom: 60px;}
	.magazinelist{margin-bottom: 60px;}
	.magazinenav ul li a{padding: 0 10px;}
	.inheadernav ul li{margin-right: 20px;}
	.inheadernav ul li a{font-size: 16px;}
	.declaretype{padding-bottom: 60px;}

    .download{padding: 60px 0;}

}
@media screen and (max-width: 1210px) {
	.innew{padding: 40px 0;}
	.inguang{padding-bottom: 40px;}
	.hyexhibit{padding: 40px 0;}
	.hyexhibitbox{margin-bottom: 40px;}
	.hyshopconter{padding-top: 40px;}
	.hyshoprecommend{padding-bottom: 40px;}
	.hymagazine,.hyexpert{padding: 40px 0 40px 0;}
	.footerup{padding: 40px 0;}
	.footerupleft{margin-right: 4%;}
	.footerupcenter a{margin-right: 12px;}
	.classify{padding: 40px 0;}
	.classifylist,.fltuijian{padding-bottom: 40px;}
	.newbox{padding-bottom: 40px;}
	.scrpage{margin-top: 40px;}
	.newdetail{padding: 100px 0 40px 0;}
	.newdetailtitle h4{font-size: 32px;line-height: 40px;}
	.newdetailzan,.newdetailpage{margin-bottom: 40px;}
	.qtxgrecommend{margin-bottom: 40px;}
	.xgrecommend{margin-top: 40px;}
	.photo{padding-bottom: 40px;}
	.photoconlist{margin-bottom: 40px;}
	.photobox{padding-bottom: 40px;}
	.photodetail{padding-top: 100px;}
	.magazine{padding-bottom: 40px;}
	.magazinelist{margin-bottom: 40px;}
	.container{max-width: 375px;}
	.magazinedetali{margin-top: 40px;}
	.inheadernav ul li{margin-right: 14px;}
	.declare{padding: 40px 0 20px 0;}
	.declaretype{padding-bottom: 40px;}
	.declaretypeup ul li{margin-right: 60px;}
	.declaretypeup ul li::before{width: 40px;right: -50px;}

    .headernav ul li{margin-right: 24px;}
    .download{padding: 40px 0;}

}
@media screen and (max-width: 1110px) {
	.header{display: none;}
	.nav{display: block;}
	.innewconter{display: block;}
	.innewleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.innewleftcon ul li a img{height: auto;}
	.innewright{float: none;width: 100%;}
	.invipcon ul li{float: none;width: 100%;height: auto;}
	.invipcon ul li a{padding: 14px;}
	.invipcon ul li:first-child a{padding: 14px;}
	.hyexhibitlist ul li a{display: block;}
	.hyexhibitleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.hyexhibitright{float: none;width: 100%;}
	.hyexhibitright img{height: auto;}
	.hyshodpbrandlist{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.hyshodpbrandlist:last-child{margin-bottom: 0;}
	.hymorenleft{width: 100%;float: none;display: none;}
	.hymorenright{width: 100%;float: none;}
	.hyreadimglistcon{display: block;}
	.hyreadimgleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.hyreadimgleftcon ul li a img{height: auto;}
	.hyreadimgright{float: none;width: 100%;}
	.hyreadimgright ul li a img{height: auto;}
	.footerupleft{float: none;width: 100%;margin-right: 0;}
	.footerupcenter{display: none;}
	.footerupright{float: none;width: 100%;margin-top: 12px;}
	.footeruprightext{margin-top: 12px;}
	.footerbut{padding: 14px 0;}
	.fltuijianleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.fltjimg img{height: auto;}
	.fltuijianright{float: none;width: 100%;}
	.classifyleft{float: none;width: 100%;margin-bottom: 20px;}
	.classifyleftext{padding-top: 12px;}
	.classifyleftext p{margin-bottom: 12px;}
	.classifyconter{float: none;width: 100%;margin: 0;}
	.classifyconter ul li{margin-bottom: 20px;}
	.classifyright{float: none;width: 100%;border-left: 0;padding-left: 0;margin-top: 20px;}
	.newboxleft{float: none;width: 100%;margin-right: 0;}
	.newboxright{float: none;width: 100%;border-left: 0;padding-left: 0;margin-top: 40px;}
	.newdetailleft{float: none;width: 100%;margin-right: 0;}
	.newdetailright{float: none;width: 100%;}
	.newdetailtitle{padding-bottom: 12px;}
	.newdetailtitle h4{font-size: 24px;line-height: 36px;margin-bottom: 12px;}
	.newdetailtext{padding: 12px 0;}
	.photoboxlist ul li{width: 32%;margin-right: 2%;}
	.photoboxlist ul li:nth-child(4n){margin-right: 2%;}
	.photoboxlist ul li:nth-child(3n){margin-right: 0;}
	.photodetail{padding-top: 80px;}
	.xq_swiper_box{height: auto;}
	.xq_swiper_box .view{width: 100%;float: none;margin-bottom: 10px;}
	.xq_swiper_box .preview{width: 100%;float: none;height: 121px;padding: 0 36px;}
	.xq_swiper_box .preview .arrow-left{width: 34px;height: 121px;}
	.xq_swiper_box .preview .arrow-right{width: 34px;height: 121px;}
	.xq_swiper_box .preview .swiper-slide{width: 170px;height: 100%;margin-bottom: 0;margin-right: 2px;}
	.xq_swiper_box .preview .arrow-left i{transform: rotate(-90deg);}
	.xq_swiper_box .preview .arrow-right i{transform: rotate(-90deg);}
	.magazinelistleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.magazinelistright{float: none;width: 100%;}
	.magazinelistleft a{height: auto;}
	.magazineboxlist ul li{width: 32%;margin-right: 2%;}
	.magazineboxlist ul li:nth-child(5n){margin-right: 2%;}
	.magazineboxlist ul li:nth-child(3n){margin-right: 0;}
	.prizecon{height: auto;}
	.prizeboxconter h4{font-size: 80px;}
	.prizeboxconter h5{font-size: 40px;}
	.prizebox{position: static;}
	.prizeboxconter{padding: 80px 0;box-sizing: border-box;}
	.prize{padding-top: 60px;}
	.declarebanner{padding-top: 60px;box-sizing: border-box;}
	.declaretype{padding-top: 80px;}

    .downloadcon ul li{padding: 16px 20px;}
    .downright{margin-top: 4px;}

}
@media screen and (max-width: 980px) {
	.hymorenright ul li{width: 33.3%;}
	.banner img{height: 320px;}
	.fltuijianleftcon ul li a{display: block;}
	.fltjimg{width: 100%;}
	.fltjtext{width: 100%;padding: 24px;}
	.fltjtextcon p{margin-bottom: 10px;}
	.fltjtextcon h5{margin-bottom: 12px;}
	.fltjtextcon h6{margin-bottom: 12px;}
	.flpages{width: 100% !important;left: 0 !important;bottom: 10px !important;}
	.classifycon ul li{width: 25%;}
	.photonav ul li a{min-width: 120px;}
	.magazinenav ul li a{min-width: auto;padding: 0 6px;font-size: 14px;}
	.magazinedetalibuttom{height: auto;padding: 10px 0;box-sizing: border-box;}
	.magazinedetalileft{float: none;line-height: 1.5;margin-bottom: 10px;}
	.magazinedetalileft h4{font-size: 20px;}
	.magazinedetaliright{float: none;line-height: 1.5;}
	.declarecon ul li a{width: 140px;height: 40px;line-height: 38px;font-size: 16px;}
	.declaretypeup{margin-bottom: 4px;}
	.declaretypeup ul{flex-wrap: wrap;}
	.declaretypeup ul li{width: 50%;margin-bottom: 20px;margin-right: 0;justify-content: flex-start;}
	.declaretypeup ul li::before{display: none;}
}
@media screen and (max-width: 750px) {
	.bannersearch{max-width: 100%;}
	.bannersearch input{width: calc(100% - 170px);}
	.classifycon ul li{width: 33.3%;}
	.photoboxlist ul li{width: 49%;margin-right: 2%;}
	.photoboxlist ul li:nth-child(4n){margin-right: 2%;}
	.photoboxlist ul li:nth-child(3n){margin-right: 2%;}
	.photoboxlist ul li:nth-child(2n){margin-right: 0%;}
	.photonav ul li{width: 20%;}
	.photonav ul li a{min-width: auto;}
	.xq_swiper_box .view{height: 300px;padding: 0 60px;}
	.viewlast{z-index: 10;}
	.magazinenav ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.promisecon{width: 96%;}

    .downconter{float: none;width: 100%;}
    .downright{float: none;width: 100%;margin-top: 14px;}

}
@media screen and (max-width: 680px) {
	.bannerconter h4{font-size: 24px;line-height: 32px;}
	.count{padding-bottom: 1px;}
	.countconter ul{flex-wrap: wrap;}
	.countconter ul li{width: 50%;margin-bottom: 10px;}
	.innewleftcon ul li a img{height: 220px;}
	.innewleftext{padding: 0 12px;}
	.innewleftext p{max-width: 60%;font-size: 14px;}
	.innewpages{right: 10px !important;}
	.innewpages .swiper-pagination-bullet{margin: 0 2px !important;}
	.innewrightup{margin-bottom: 12px;}
	.innewrightup h4{font-size: 20px;}
	.innewnav{margin-top: 6px;}
	.innewnav ul li{margin-right: 10px;}
	.innewnav ul li a{font-size: 14px;}
	.innewnav ul li a i{vertical-align: -3px;}
	.innewlist ul li{padding: 10px 0;}
	.innewlist ul li a h4{font-size: 16px;margin-bottom: 8px;}
	.innewlist ul li a p{font-size: 14px;line-height: 24px;}
	.innewlist ul li a h5{width: 65%;}
	.innewlist ul li a span{width: 30%;}
	.invipcon ul li{margin-bottom: 2px;}
	.invipcon ul li:last-child{margin-bottom: 0;}
	.invipcon ul li a span{margin-top: 12px;}
	.invipcon ul li a h6{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
	.invipcon ul li a strong{font-size: 14px;}
	.invipcon ul li a strong i{vertical-align: -3px;}
	.hytitle h4{font-size: 20px;}
	.hytitle a{font-size: 14px;}
	.hyexhibitleft h4{font-size: 16px;}
	.hyexhibitleft p{font-size: 14px;line-height: 24px;margin-bottom: 14px;}
	.hyexhibitleft span{font-size: 14px;}
	.hyexhibitbox{margin-bottom: 20px;}
	.hyexhibitright img{height: 140px;}
	.hyexhibitlast ul li img{height: 80px;}
	.hyshoptitle h4{font-size: 20px;}
	.hyshoptitle a{font-size: 14px;margin-top: 6px;}
	.hyshoptitle a i{vertical-align: -3px;}
	.hyshopbrandtitle h4{font-size: 20px;}
	.hyshopbrandtitle h4 span{font-size: 14px;margin-left: 8px;}
	.hyshopbrandtitle a{font-size: 14px;}
	.hyshopbrandtitle a i{vertical-align: -3px;}
	.hymorenright ul li{width: 50%;}
	.hymoreimg{width: 100%;height: 120px;}
	.hymoren{padding: 12px 10px 6px 12px;}
	.hytitlebox h4{font-size: 20px;}
	.hytitleright>a{font-size: 14px;}
	.hytitleright>a i{vertical-align: -3px;}
	.hytitlebox{margin-bottom: 20px;}
	.hymagazinelist{margin-bottom: 20px;}
	.hymagazinelist ul li{width: 48%;margin-right: 4%;margin-bottom: 12px;}
	.hymagazinelist ul li:nth-child(2n){margin-right: 0;}
	.hymagazinelist ul li a p{margin-top: 12px;}
	.hytitleright ul li a{font-size: 14px;}
	.hyreadimgpages .swiper-pagination-bullet{margin: 0 2px !important;}
	.hyreadimg,.hymagazine, .hyexpert{padding: 20px 0;}
	.hyreadtext{padding: 0 12px;}
	.hyreadtext p{max-width: 60%;font-size: 14px;}
	.hyreadimgpages{right: 10px;}
	.hyreadimgright ul li{width: 100%;margin-right: 0;}
	.hyreadrightext{padding: 0 12px;}
	.hyreadrightext p{font-size: 14px;}
	.hyreadimgright ul li:nth-child(3){margin-bottom: 16px;}
	.hyjinji{padding-top: 20px;}
	.hyjinji h4{font-size: 20px;margin-bottom: 24px;}
	.hyexpertitle h4{font-size: 20px;}
	.hyexpertlist{padding: 0;}
	.hyexpertmore{margin-top: 40px;}
	.hyexpertmore a{width: 140px;height: 36px;line-height: 34px;font-size: 16px;}
	.hypartner{padding: 20px 0 40px 0;}
	.hypartnerleft,.hypartnerright{display: none;}
	.hypartnerlist ul li{height: 38px;}
	.hypartner h4{font-size: 20px;margin-bottom: 24px;}
	.bannersearch p{width: 52px;}
	.bannersearch input{width: calc(100% - 140px);}
	.bannersearch button{width: 80px;font-size: 16px;font-weight: 500;line-height: 20px;}
	.hybrandlist ul li{height: 40px;}
	.hyshodpbrandlist{padding: 12px;}
	.inguang{padding-bottom: 20px;}
	.countext h4{font-size: 20px;}
	.classifycon ul li{width: 50%;}
	.classifycon ul li a{padding: 8px 0;}
	.classifycon ul li a i{width: 38px;height: 38px;}
	.classifytext h5{font-size: 18px;}
	.fltjtext{padding: 12px 12px 24px 12px;}
	.fltjtextcon h5{font-size: 16px;line-height: 24px;}
	.fltuijianright ul li{padding: 10px 0;}
	.fltjtextcon h6{font-size: 14px;line-height: 20px;}
	.fltjimged{width: 90px;height: 60px;margin-right: 10px;}
	.fltjtexted{width: calc(100% - 102px);}
	.fltjtexted p{font-size: 14px;line-height: 22px;}
	.classifytitle{margin-bottom: 20px;}
	.classifytitle h4{font-size: 20px;}
	.classifytitle a{font-size: 14px;}
	.classifytitle a i{vertical-align: -3px;}
	.classifyleftimg img{height: auto;}
	.classifyleftext h5{font-size: 16px;line-height: 16px;}
	.classifyleftext p{font-size: 14px;line-height: 18px;}
	.classimg{float: none;width: 100%;height: auto;margin-right: 0;}
	.classtext{float: none;width: 100%;padding-top: 12px;box-sizing: border-box;}
	.classtext p{font-size: 16px;line-height: 26px;margin-bottom: 14px;}
	.footerup{padding: 20px 0;}
	.classifycon h4{font-size: 20px;margin-bottom: 20px;}
	.newboxtitle h4{font-size: 20px;}
	.newboxlist ul li{margin-bottom: 20px;}
	.newboximg{float: none;width: 100%;height: auto;}
	.newboxtext{width: 100%;float: none;padding-top: 14px;box-sizing: border-box;}
	.newboxtext h5{font-size: 16px;line-height: 24px;}
	.newboxtext h6{font-size: 14px;line-height: 24px;}
	.newboxtext p{margin-top: 12px;}
	.scrpage ul li a{padding: 4px 8px;}
	.newboxtext p span{margin-right: 12px;}
	.newdetail{padding-top: 80px;}
	.newdetailtitle h4{font-size: 20px;line-height: 30px;}
	.newdetailtext p{font-size: 16px;line-height: 24px;margin-bottom: 12px;}
	.newdetailzan, .newdetailpage{margin-bottom: 20px;}
	.newdetailzan a{width: 160px;height: 40px;line-height: 38px;font-size: 14px;}
	.newdetailpage a{float: none;width: 100%;margin-right: 0;padding-left: 10px;display: block;margin-bottom: 10px;}
	.newdetailpage a span{font-size: 16px;margin-bottom: 8px;}
	.newdetailpage a p{font-size: 14px;}
	.newdetailpage a:last-child{border-right: 0;border-left: 1px solid #D8D8D8;padding-left: 10px;padding-right: 0;text-align: left;margin-bottom: 0;}
	.commentitle{font-size: 20px;margin-bottom: 20px;}
	.commentinput{padding: 10px;}
	.commentinput button,.commentinputadd button{bottom: 10px;right: 10px;font-size: 14px;}
	.commentinput textarea,.commentinputadd textarea{font-size: 14px;}
	.commentfirst .commentext{font-size: 14px;}
	.commentwolistright .commentext{font-size: 14px;}
	.commentinputadd{padding: 10px;}
	.xgrecommendtitle{font-size: 20px;margin-bottom: 20px;}
	.qtrecommendtitle{font-size: 20px;margin-bottom: 20px;}
	.qtxgrecommend{margin-bottom: 20px;}
	.xgrecommend{margin-top: 20px;}
	.newdetailtitle p span{margin-right: 12px;}
	.photo{padding-bottom: 20px;}
	.photoconlist{margin-bottom: 20px;}
	.photoconlist .classifytitle{margin-bottom: 20px;}
	.photonav{height: auto;margin-bottom: 20px;}
	.photonav ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.photonav ul li{width: 33.3%;}
	.photonav ul li a{font-size: 14px;}
	.photoboxlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.phototext{padding-top: 12px;}
	.phototext h4{height: auto;font-size: 16px;line-height: 28px;}
	.phototext p{margin-top: 10px;}
	.phototext p span{margin-right: 12px;}
	.phototitle{font-size: 20px;}
	.xq_swiper_box .view{height: 220px;padding: 0 0;}
	.view .arrow-left{left: 10px;}
	.view .arrow-right{right: 10px;}
	.viewlast span,.viewlast strong{color: #1F6DFF;}
	.photoimglist{margin-bottom: 20px;}
	.photodetailbut .newdetailtext{margin-bottom: 20px;}
	.magazinelistleft a{padding: 20px 10px;}
	.magazinelistright ul li{float: none;width: 100%;margin-right: 0;}
	.magazinelistright ul li:nth-child(3){margin-bottom: 20px;}
	.magazineup{padding-bottom: 12px;}
	.magazinelistright ul li a{padding: 14px;}
	.magazinedtext h6{font-size: 14px;line-height: 22px;}
	.magazinedtext p{margin-top: 8px;}
	.magazinebut{padding-top: 10px;}
	.magazinedimg{margin-right: 10px;}
	.magazinedtext{width: calc(100% - 95px);}
	.magazinelistext{padding-top: 12px;}
	.magazineboxlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.magazineboxlist ul li:nth-child(5n){margin-right: 0%;}
	.magazineboxlist ul li:nth-child(3n){margin-right: 0%;}
	.magazineimgs{margin: 0 auto;}
	.prizeboxconter h4{font-size: 32px;}
	.prizeboxconter h5{font-size: 20px;}
	.prizeboxconter p{font-size: 16px;}
	.prizeboxbuttom{margin-top: 40px;}
	.prizebox{position: static;}
	.prizeboxconter{padding: 60px 0;}
	.prizeboxbuttom a{width: 140px;height: 40px;line-height: 36px;font-size: 16px;margin-right: 14px;}
	.declarecon ul li{width: 49%;margin-right: 2%;margin-bottom: 20px;}
	.declarecon ul li:nth-child(2n){margin-right: 0;}
	.declarecon ul li a{width: 100%;}
	.declarecon h4{font-size: 20px;}
	.declarecon h4::before{top: 3px;}
	.promisecon{height: auto;padding: 20px;}
	.promisecon h4{font-size: 20px;margin-bottom: 14px;}
	.promisetext{max-height: 370px;overflow-y: auto;}
	.promisetext p{margin-bottom: 6px;line-height: 20px;}
	.promisebut{margin-top: 14px;}
	.declaretypeup ul li{width: 100%;}
	.declarewarring{padding: 10px;}
	.declaretypeconter{padding: 0;}
	.declaretypelist ul li{width: 49%;margin-right: 2%;}
	.declaretypelist ul li:nth-child(2n){margin-right: 0;}
	.declaretypebox{padding-bottom: 32px;}
	.declaretypelast a{width: 84px;margin-right: 8px;}
	.declaretypeitem span{float: none;width: 100%;display: block;text-align: left;margin-right: 0;}
	.declaretypeinp,.declaretypeselect,.rideolist,.declaretypefile{float: none;width: 100%;}
	.declaretypeinp input{width: 100%;}
	.declaretypeselect select{width: 32%;margin-right: 2%;}
	.rideolist label{margin-right: 14px;}
	.declaretypeinp textarea{height: 160px;}
	.declaretypeinp a,.declaretypefilebox .change_sbsbtn{width: 100%;}
	.declaretypefilebox input{float: none;width: 100%;}
	.declaretypefilebox .change_btn{border-left: 1px solid #DDDFE6;width: 100%;margin-top: 4px;}
	.declaretypelast button{width: 100%;}
	.declaretypeboxlast{min-height: auto;padding: 14px;}
	.declaresuccess{margin-bottom: 20px;}
	.declaresuccess img{margin-bottom: 40px;}
	.declaresuccess h4{font-size: 20px;margin-bottom: 12px;}
}
@media screen and (max-width: 375px) {
	.scrpage ul li a{padding: 2px 6px;}
}